*{

    margin: 0;

    padding: 0;

}

/* body{

    -webkit-user-select: none;

            -moz-user-select: none;

            -ms-user-select: none;

            user-select: none;

} */

.logo{display: none;}

.top .top_sousuo{overflow: hidden;margin-top: 13px;}

.top .top_sousuo .search {background: #eeeeee;border: 1px solid #b4b4b4;border-radius: 25px;width: 220px;height: 28px;line-height: 28px;}

.top .top_sousuo .search .fl {width: 80%;}

.top .top_sousuo .search .searchinput {font-size: 14px;border: #fefefe solid 0px;float: left;outline: none;line-height: 28px;background: none;color: #b5b5b3;padding-left: 20px;}

.top .top_sousuo .search .fr button {border: 0px;background: none!important;margin-right: 10px;}

.top{padding: 10px 0;}

.top_logo img{max-height: 70px;}

.embed-messageboard-container{display: none !important;}

.w88{width: 88%;margin: 0 auto;}

.about{

    background-color: #f7f7f7;padding: 40px 0;

}

.al_right{width: 36% !important;}

.al_left{width: 62% !important; float: right !important;}

.cp{padding: 40px 0;  background-color: #f7f7f7;}

.about_btn{padding-top: 10px;}

.cp_title{text-align: center;}

.cp_title h5{font-size: 30px;color: #394956;font-weight: normal;height: 40px;line-height: 35px;margin-bottom: 10px;}

.cp_about{display: flex;justify-content: space-between;}

.aboutl{width: 36%;}

.aboutl img{width: 100%;height: 100%;object-fit: cover;}

.aboutr{width: 62%;line-height: 24px;color: #2c2c2c;text-overflow: ellipsis;overflow: hidden;font-size: 14px;}

.biaoyu{color: #034495;font-size: 15px;text-align: center;letter-spacing: 5px;margin-top: 5px;}

.fgx{width: 61px;margin: 10px auto;height: 10px;background: url(/static/jzweb2/pc/liner.png)center no-repeat;}

.cp_title p{font-size: 16px;color: #777;}

.cp_ul{display: table;margin: 30px auto;}

.cp_ul li{float: left;padding: 3px 16px;margin: 0 5px;font-size: 14px;color: #999;border-radius: 24px;border: 1px solid #ededed;background: #347eff;text-align: center;cursor: pointer;}

.cp_ul li a{font-size: 17px; color: #fff;}

.cp_cp{display: flex;flex-wrap: wrap;justify-content: space-between;}

 .cp1{width: 30%;}



 .cp1 a{width: 100%;border: 1px solid #ededed;box-shadow: 0 4px 0 0 #f2f2f2;}

.cp1_tu{height: 200px;overflow: hidden;position: relative;}

.cp1_tu img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s linear;}

.cp1:hover .cp1_tu img{transform: scale(1.1);}

.cp_p{padding: 10px;text-align: center;background-color: #fff;}

.cp_p p{height: 54px;line-height: 25px;overflow: hidden;margin: 0;font-size: 14px;color: #333;display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;}

.about_btn a{display: block;width: 160px;height: 35px;margin: 0 auto;line-height: 35px;float: left;margin-top: 61px;background: #347EFF;transition: all 0.3s;color: #fff;border-radius: 24px;font-size: 18px;text-align: center;position: relative;}

.about_btn a:hover,.cp_btn a:hover{color: #fff;}

.cp_btn a{display: block;width: 160px;height: 35px;margin: 0 auto;line-height: 35px;margin-top: 61px;background: #347EFF;transition: all 0.3s;color: #fff;border-radius: 24px;font-size: 18px;text-align: center;position: relative;}

.ys{padding: 40px 0;background: url(/static/jzweb2/pc/ssbg.png);}

.e25ae625.container-product .slick-arrow .icon-prev{

    background: url(/static/jzweb2/pc/jtz.png)no-repeat !important;

    width: 100%;

    height: 100%;

    display: block;

}

.e25ae625.container-product .slick-arrow .icon-next{

    background: url(/static/jzweb2/pc/jty1.png)no-repeat !important;

    width: 100%;

    height: 100%;

    display: block;

}

.ys_nr ul{display: flex;flex-wrap: wrap;}

.ys_nr ul li{flex: 1;display: flex;line-height: 27px;}

.ys_img{height: 270px;position: relative;}

.ys_nr li a{padding: 0 10px;}

.ys_img img{width: 100%;height: 100%;object-fit: cover;}

.mind{width: 100%;height: 50px;position: absolute;top: 0;left: 0;background-color: #034495;color: #fff;font-size: 16px;text-align: center;line-height: 50px;}

.ys_p {padding: 15px;background: #fff;display: inline-block;height: 310px;}

.ys_p p{margin: 0;color: #777;font-size: 16px;margin-bottom: 15px;}

.ys_nr ul li:nth-child(1) .ys_p p{line-height: 19px;}

.ys_nr ul li:nth-child(2) .ys_p p{line-height: 17.5px;}

.e25ae625.container-product{padding: 0 !important;}

.al .title , .cp .title{

    color: #034495;

    font-size: 30px;

    padding-bottom: 30px;

    position: relative;

}

.line{

    width: 119px;

    height: 3px;

    margin-top: 10px;

    background-color: #034495;

}

/* 按钮 */

.e25ae625.container-product .slick-arrow{top: -55px !important;}

/* .e25ae625.container-product .slick-arrow{display: none !important;} */

.qh{text-align: center;

position: absolute;

top: 0;

right: 0;}

.qh button{

    background: #347eff;

    border: none;

    padding: 5px 34px;

    color: #fff;

}

.cp_box{

    position: relative;

}

/* 手机优势 */

/* 产品领域 */

.new{padding: 40px 0;}

.new_nr ul{display: flex;flex-wrap: wrap;}

.new_nr ul li{display: flex;flex: 1;padding: 10px;flex-direction: column;}

.new_img{height: 240px;}

.new_img img{width: 100%;height: 100%;}

.new_p h5{height: 23px;line-height: 23px;overflow: hidden;color: #333;margin: 15px 0 7px 0;font-size: 18px;font-weight: normal;}

.new_p a :hover{color: #333 !;}

.new_p  p {height: 72px;line-height: 25px;font-size: 14px;color: #737373;overflow: hidden;margin-bottom: 20px;}

.new_btn{display: block;height: 34px;line-height: 34px;text-align: center;width: 98px;border-radius: 24px;border: 1px solid #999;font-size: 14px;color: #999;}

.db{padding: 40px 0;width: 100%;background: #f6f6f6 url(/static/jzweb2/pc/bgget.jpg) center no-repeat;}

/* 新闻 */

.ny-sub {border-bottom: 1px solid #eeeeee;}

.ny-sub .content {position: relative;padding-right: 210px;}

.ny-sub .sub {border-left: 1px solid #eeeeee;text-align: center;}

.ny-sub .sub a.active {color: #003789;background-image: url(/static/jzweb2/pc/ny_sub_bg.png);background-size: cover;}



.ny-sub .sub a {float: left;width: 16.6666667%;display: block;line-height: 52px;height: 52px;border-right: 1px solid #eeeeee;font-size: 16px;color: #333333;position: relative;}

.pc-block {display: block;}

.bread {padding: 25px 0;color: #999999;font-size: 12px;border-bottom: 1px solid #eeeeee;}

.ny-sub .bread {position: absolute;top: 0;right: 0;padding: 0;line-height: 52px;border: none;}

.ny-sub .bread a{color: #666;}

.news{ padding: 80px 0 100px;}



.news-link{ margin: 45px -12px 0;}

.news-link li{ float:left; width: 25%; padding: 0 12px;}

.news-link li a{ display: block; text-align: center; background: #f5f5f5; padding: 10px 0;}

.news-link li em{ margin-right: 10px; display: inline-block; vertical-align:middle; background: #003789; border-radius: 50%;}

.news-link li span{ display: inline-block; vertical-align: middle; font-size:20px; color: #333333;}

.news-link li i{ display: inline-block; font-style: normal; vertical-align: middle; font-size:1px;  color: #bbbbbb; text-transform: uppercase;} 

.news-link li a.active{ background: #0a2444;}

.news-link li a.active em{ background: #003789;}

.news-link li a.active i{ color: #FFFFFF;}

.news-link li a.active span{ color: #FFFFFF;}



.news-list{ margin: 40px 0 70px;  border-top:1px dashed #e5e5e5;}

.news-list li{ margin-top: -1px; position: relative;}

.news-list li a{ display: block; padding:35px 190px 35px 30px; position: relative; border-bottom:1px dashed #e5e5e5; position: relative; }

.news-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #003789; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}

.news-list li .img{ float: left; overflow: hidden; width: 250px;}

.news-list li .img-vertical i{ padding-bottom: 58.8%;}

.news-list li .text{ padding: 0 45px;}

.news-list li .text .tit{ height: 46px; line-height: 46px; font-size: 18px; color: #101010;}

.news-list li .text .des{ color: #999999; line-height:30px; height:60px; overflow: hidden; }

.news-list li .text span{ margin-top:22px; display: block; color: #d8d8d8; font-size: 12px; text-transform: uppercase;}

.news-list li .date{ position: absolute; top:50px; right:0; width: 190px; border-left: 1px solid #eeeeee; padding-left: 50px; color: #999999;}

.news-list li .date span{ display: block; font-size: 30px; opacity: .6;}

.news-list li .date p{ font-size: 12px; }

.news-list li .date i{ margin-top:35px; display: inline-block; width:32px; height: 32px; background:url(/static/jzweb2/pc/slick_next.png); background-color: #0a2444; border-radius:50%;}

.news-list li:hover{z-index:1; }

.news-list li a:hover:before{ width: 100%;}

.news-list li a:hover{ background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}

.news-list li a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news-list li a:hover .text .tit{ color: #003789;}

.news-list li a:hover .date i{ background-color: #003789;}

.news_x .n_bt{text-align: center;margin-top: 40px;}

.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}

.news_x .n_bt .p2{font-size: 12px;color: #939393;}

.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}



.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}



/* 新闻 */

.about-box {padding: 45px 0;}

.about-box .left {float: left;width: 52.5%;}

.about-box .tit {font-size: 36px;letter-spacing: 3px;}

.about-box .tit h2 {color: #999999;text-transform: uppercase;}

.about-box .tit h2 {color: #999999;text-transform: uppercase;}

.about-box .text {margin-top: 45px;font-size: 12px;line-height: 24px;letter-spacing: 1px;text-align: justify;}

.about-box .right {float: right;width: 44%;max-width: 480px;padding-top: 140px;}

.about-box .right .typepcimg {width: 100%;}



.news-article p,.news-article span,.news-detail table td,.news-detail span,.news-article sup,.sx a{

    font-size: 17px !important;

    line-height: 3;

    text-align: left;

    font-family: '微软雅黑' !important;

}

sup{

    top: 0 !important;

}

.span-date,.span-num{font-size: 16px;}

.mb-block {

    display: none;

}

@media (max-width: 992px)

{.mb-block {

    display: block;

}}

@media screen and (max-width: 640px)

{.chanpinfenlei ul li {

    float: left;

    width: 50%;

    height: 40px;

    border: 1px solid #eee;

}

.chanpinfenlei ul li .yiji {

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

    height: 40px;

}

.chanpinfenlei ul li .erji {

    position: relative;

    z-index: 1;

}

.chanpinfenlei ul li .erji .erji_name {

    color: #fff;

    background: rgba(52, 126, 255);

    cursor: pointer;

    font-size: 15px;

    line-height: 38px;

    border-bottom: 1px solid rgba(255,255,255,0.2);

    text-align: center;

}

.erji {

    display: none;

}

}

.yiji button {

    background: none;

    border: 0px;

    color:#4b4b4b;

    line-height: 38px;

    display: block;

    text-align: left;

    width: 100%;

    cursor: pointer;

    position: relative;

    padding-left: 10px;

}

.yiji button:after {

    position: absolute;

    top: 18px;

    right: 20px;

    content: "";

    width: 0px;

    height: 0px;

    border-style: solid dashed dashed dashed;

    border-color: #666666 transparent transparent transparent;

    border-width: 5px;

}

.erji_name a{

    color: #fff;

}

.case {
padding-top: 56px;

}

.pro-left {

    width: 25%;

    float: left;

    border:1px solid #bfbfbf;

}

.pro-left h3{

    background-color: #333;

    margin: 0;

    padding: 20px;

}

.pro-left .title{

    color: #fff;

}

.subtitle{

    color: #fff;

}

.pro-left dd{

    padding: 20px 20px 0 20px;

}

.pro-right {

    width: 73%;

    padding:  0 20px;

    float: left;

}

.filter-search {

    padding: 10px 50px;

    line-height: 30px;

    background: #eeeeee;

}

.filter-search .result {color: #999999;}

.bottom-three-link{display: none;}

.clear{clear: both;}

.pro-left dl dd a{font-size:18px;color: #656565;}

.pro-left dl dd ul li{padding: 11px 5px;color: #656565;}

.pro-left dl dd ul li a{font-size: 16px !important;}

.border{border-bottom: 1px solid #ddd;}

.border:nth-child(2n)>td{background-color: #fff;}

.border td{border-right: 1px solid #ddd;}

.news-detail{text-align: center;}

.news-detail h1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}

.article-come{font-size: 12px;color: #939393;}

.sx{text-align: left;}

.miaoshu p{padding: 20px;font-size: 16px;line-height: 1.7;}

/* 联系 */

.contact {padding: 100px 0;}

.ny-tit {position: relative;font-size: 30px;letter-spacing: 3px;padding-bottom: 20px;color: #333333;text-align: center;}

.ny-tit:after {content: "";position: absolute;bottom: 0;left: 50%;width: 40px;height: 2px;margin-left: -20px;background: #b48b62;}

.contact-ul {margin-top: 45px;}

.contact-ul li {float: left;width: 46%;margin-right: 4%;border: 1px solid #e5e5e5;padding-bottom: 10px;height: 125px;}

.contact-ul li .item {padding: 32px 10px 0 30px;}

.contact-ul li img {float: left;}

.contact-ul li .item div {margin-left: 70px;padding-left: 25px;border-left: 1px dashed #e5e5e5;}

.contact-ul li .item div span {display: block;color: #333333;font-size: 16px;}

.contact-ul li .item div p {margin-top: 8px;font-size: 18px;color: #000;}

#if17260187f104e6f2b8aaa{background: #034495;padding: 10px 32px;font-size: 12px;border: none;color: #fff;}

#if1726083191e4345c3f41c p{margin: 0;font-size: 17px;}

.xg_ibtn{display: flex;justify-content: right;}

.video {background: url(/static/jzweb2/pc/vbg.jpg) no-repeat center;}

.video img {display: flex;text-justify: center;text-align: center;margin: 0 auto;margin-top: 80px;margin-bottom: 80px;height: 90px;}

.video .w88{padding:14px 0;}

/* 简介页面 */

.content1 {

    color: #000;

    font-size: 15px;

    line-height: 30px;

    padding-bottom: 0px;

}

.content1 .atu {

    float: right;

    width: 47%;

    margin-left: 40px;

}

.content1 .atu img {

    margin-bottom: 16px;

}

.content1 .atu img:nth-child(1) {

    margin-bottom: 20px;

}

.content1 .atu img {

    display: block;

    width: 100%;

}

.content1 p {

    margin-bottom: 25px;

    text-indent: 2em;

}

.content1 p strong {

    color: #024fb5;

}

.content5 {

    margin-top: 50px;

}

.content5 .conzz {

    font-size: 15px;

    line-height: 30px;

    color: #000000;

}

.content5 .conzz_2 {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.content5 .conzz img {

    border: 1px solid #000;

    display: block;

    width: 18%;

}

.content5 .tuaa {

    float: left;

    margin-right: 100px;

}

.content5 .conzz h2 {

    color: #00459a;

    font-size: 16px;

    margin: 0;

    margin-bottom: 20px;

}

.content5 .conzz p {

    margin-bottom: 20px;

}

.content5 .btu {

    width: 38%;

    margin-top: -80px;

}

.content5 .btu img:nth-child(1) {

    margin-bottom: 20px;

}



.content5 .btu img {

    display: block;

    width: 100%;

}

.content5 .conzz_2 .btxt {

    font-size: 15px;

    line-height: 30px;

    color: #000000;

    width: 57%;

    margin-top: 50px;

}

.content5 .conzz_2 .btxt h2 {

    color: #00459a;

    font-size: 16px;

    margin: 0;

    margin-bottom: 20px;

}

.content5 .conzz_2 .btxt p {

    margin-bottom: 20px;

}

.honor p {

    margin-bottom: 15px;

}

#certify {

    position: relative;

    width: 100%;

    margin: 0 auto;

    padding-top: 10px;

}

#certify .swiper-container {

    padding-bottom: 60px;

    padding-top: 30px;

}

#certify .swiper-slide {

    width: 480px;

    height: 450px;

    background: #fff;

    box-shadow: 0 8px 30px #ddd;

}

#certify .swiper-slide .htht {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 400px;

}

#certify .swiper-slide .htht img {

    max-width: 90%;

    max-height: 350px;

    transition: all 0.8s;

}



#certify .swiper-slide img {

    display: block;

}

#certify .swiper-slide p {

    padding-top: 0;

    text-align: center;

    color: #636363;

    font-size: 17px;

    margin: 0;

}



.imglist ul li {

    text-align: center;

    display: inline-block;

    width: 23%;

    /* height: 180px; */

    margin: 1%;

    overflow: hidden;

    border: #e4e4e4 0px solid;

}

.imglist ul li img {

    background: #FFFFFF;

    width: 100%;

    height: 250px;

    border-radius: 5px;

    object-fit: cover;

}

.fname {

    font-size: 19px;

    color: #000;

}

.imglist ul li:nth-child(4n){

    margin: 1% 0;

}



.biaozhun {

    margin-bottom: 30px;

}

.ztitle {

    text-align: center;

    color: #fff;

    line-height: 30px;

    font-size: 23px;

    padding-top: 10px;

    padding-bottom: 10px;

    background: linear-gradient(45deg,#085ab9,#2ba4d9);

    margin-bottom: 20px;

}

.imglist1 ul li {

    text-align: center;

    display: inline-block;

    width: 23%;

    margin: 1%;

    overflow: hidden;

    border: #e4e4e4 0px solid;

    box-shadow: 1px 10px 60px 0px rgb(0 0 0 / 7%);

}

.imglist1 ul li img {

    background: #FFFFFF;

    max-width: 100%;

    max-height: 180px;

    border-radius: 5px;

    object-fit: cover;

    transition: all 0.8s;

}

.imglist1 ul li .hname {

    line-height: 23px;

    height: 23px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 10px;

    color: #555;

}

.zgengduo {

    text-align: center;

    margin: 0 auto;

    background: #ddd;

    line-height: 35px;

    width: 200px;

    margin-top: 30px;

    line-height: 45px;

}

.imglist1 ul li:nth-child(4n){

    margin-left: 0;

    margin-right: 0;

}



/* 产品领域 */

.al{padding: 40px 0;background: url(/static/jzweb2/pc/cstory-bg.png) center no-repeat;}

.al_ul li a:hover{color: #fff !important;}

.al_left ul{display: flex;flex-wrap: wrap;margin: 0;justify-content: space-between;width: 100%; height: 100%;}

.al_left li{width: 48.5%;padding: 10px 0;}

.al_left li:first-child,.al_left li:nth-child(2){
    padding-top: 0;
}
.al_img{position: relative;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;display: block;}

.al_img img{width: 100%;height: 220px;}

.al_more{position: absolute;bottom: 36px;right: 40px;}

.al_ul ul{background-color: #2266bb;display: flex;justify-content: space-between;flex-direction: column;margin: 0;}

.al_ul li{border-bottom: 1px solid #eeee;line-height: 56px;padding-left: 21px;}

.al_ul li p{margin: 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}

.al_ul li a{color: #fff;}

.al_ul img{width: 30px;}

.al-text{
    position: absolute;    
    background: rgba(34, 102, 187,0.9);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-image: linear-gradient(rgba);
    color: #fff;
    font-size:16px;
    padding: 10px 0;
}
.al-text p{
    margin: 0;
}
.al_mind{
    text-align: center;
    width: 100%;}

.al_mind p{font-size: 17px;color: #fff;margin: 0;}

.xb{color: #fff;font-size: 14px !important;}

.al_ml ul{display: flex;flex-wrap: wrap;margin: 0;}

.al_ml ul li{display: inline-block;text-align: center; font-size: 13px;color: #000;padding: 0 21px;border-right: 1px solid #ddd;margin-top: 20px;}

.al_ml ul li a{color: #000;}

.col-sm-4{padding: 0 !important;}

.al_more{font-size: 19px;}



/* 测试 */

.product-row {

    margin: 0 0 0;

}
.product-active{
    background-color: #d3d0d0;
}

/* 产品 */
.banner-nr{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-text{
    height: 236px;
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    padding: 30px 40px 40px 40px;
}
.baner-title h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 62px;
    color: #00469b;
    margin: 0;
    text-align: left;
}
.banner-fl li{
    float: left;
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 15px;
    height: 38px;
}
.fl-first{
    color: #fff;
    background: #00469b;
    cursor: pointer;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    height: 38px;
}
.fl-first button{
    background-color:rgb(0, 70, 155);
    background: none;
    border: 0px;
    color: #fff;
    line-height: 38px;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
}
.fl-first.fl-color button{
    background-color: #009944;
}
.secondary{
    display: none;
    position: relative;
    z-index: 1;
}
.secondary-name{
    color: #fff;
    background: #257fde;
    cursor: pointer;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.fl-three{
    display: none;
    padding: 10px;
    text-align: left;
    background: #fff;
}
.three-li {
    text-align: left;
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    color: #0a519c;
}
.fl-show{
    display: block;
}
.pro-fl{
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 40px;
}
.pro-fl{
    font-size: 15px;
}
.pro-fl ul li{
    cursor: pointer;
    float: left;
    line-height: 38px;
    width: 19%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    text-align: center;
    margin-top: 1%;
    color: #333;
}
.pro-fl ul li a {
    color: #333;
    font-size: 15.5px;
    border: #ddd solid 1px;
    display: block;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro-fl ul li.pro-color a{
    color: #fff;
    border: 1px solid #00469b;
}
.pro-fl ul li.pro-color{
    background: #00469b;
}